<template>
  <div class="hello">
    <van-row class="m-header">
      <van-col span="24">
        <van-icon name="arrow-left" class="m-header-icon" />
        　<van-search
          shape="round"
          background="#4fc08d"
          placeholder="请输入搜索关键词"
        />
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  name: 'Top',
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.m-header {
  height: 50px;
  line-height: 50px;
  background: #245fd7;
  color: #fff;
}

.m-header-icon {
  position: absolute;
  top: 16px;
  left: 6px;
  font-size: 18px;
}
</style>
